<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>MyJPetStore</title>
    <link rel="StyleSheet" href="../css/jpetstore.css" type="text/css" media="screen"/>
</head>
<body>
    <header th:replace="common/top"></header>

    <div id="Content">
        <div id="Catalog">
            <form action="/account/editAccount" th:object="${account}" method="post">
                <h3>User Information</h3>
                <table>
                    <tr>
                        <td>User ID:</td>
                        <td>
                            <label th:text="${account.username}"></label>
                        </td>
                    </tr>
                    <tr>
                        <td>New password:</td>
                        <td>
                            <input type="password" name="password"></td>
                    </tr>
                    <tr>
                        <td>Repeat password:</td>
                        <td><input type="password" name="repeatedPassword"></td>
                    </tr>
                </table>

                <div th:replace="account/IncludeAccountFields"></div>

                <input type="submit" name="editAccount" value="Save Account Information">
            </form>

            <a href="/order/ListOrders">My Orders</a>

        </div>


    </div>

    <header th:replace="common/bottom"></header>
</body>
</html>